<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/PC/css/index.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/PC/css/swiper-3.4.2.min.css" />
	</head>

	<body>
		<!--导航-->
		<div class="navwrap">
			<div class="headtopbg">

			</div>
			<div class="nav">
				<ul>
					<a href="{:U('Police/index')}">首页</a>
					<volist name="typeList" id="ty">
						<a href="{:U('Police/listType',array('tid'=>$ty['id']))}">{$ty.title}</a>
						<img src="__PUBLIC__/Home/PC/img/z.png" />
					</volist>
				</ul>
			</div>
		</div>
		<!--导航结束-->
		<div class="content">
			<!--轮播图-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<volist name="twoType" id="tt">
						<div class="swiper-slide"><img src="__ROOT__{$tt.tupian}" style="width: 430px;height: 310px;" />
							<p>{$tt.title|msubstr=###,0,9,'utf-8',true}</p>
						</div>
					</volist>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<!--轮播图结束-->
			<!--contentheadnews-->
			<div class="contentheadnews">
				<p><img src="__PUBLIC__/Home/PC/img/tc.png" />{$fristType.ttitle}</p>
				<p>{$fristType.title}</p>
				<p>{$fristType.content|msubstr=###,0,90,'utf-8',true}
					<a href="{:U('Police/xq',array('id'=>$fristType['id']))}">[详细]</a>
				</p>
				<ul>
					<volist name="twoType" id="tw">
						<a href="{:U('Police/xq',array('id'=>$tw['id']))}"><img src="__PUBLIC__/Home/PC/img/lb.png" />{$tw.title|msubstr=###,0,20,'utf-8',true} <span>{$tw.ctime|time_format=###,"Y-m-d"}</span></a>
					</volist>
				</ul>
			</div>
			<!--contentheadnews结束-->
			<!--navmiddle-->
			<div class="navmiddle">
				<a href=""><img src="__PUBLIC__/Home/PC/img/jcjw.png" /></a>
				<a href=""><img src="__PUBLIC__/Home/PC/img/zfba.png" /></a>
				<a href=""><img src="__PUBLIC__/Home/PC/img/ljy.png" /></a>
				<a href=""><img src="__PUBLIC__/Home/PC/img/zh.png" /></a>
				<a href=""><img src="__PUBLIC__/Home/PC/img/qbpt.png" /></a>
				<a href=""><img src="__PUBLIC__/Home/PC/img/dlpt.png" /></a>
				<a href=""><img src="__PUBLIC__/Home/PC/img/wspx.png" /></a>
				<a href=""><img src="__PUBLIC__/Home/PC/img/wlaq.png" /></a>
			</div>
			<!--navmiddle结束-->
			<!--contentmiddlewrap-->
			<div class="contentmiddlewrap">
				<!--contentmiddleleft-->
				<div class="contentmiddleleft">
					<!--contentmiddleleft_1-->
					<div class="contentmiddleleft_1">
						<p><img src="__PUBLIC__/Home/PC/img/tc.png" />{$threeType[$key]['ttitle']}
							<a href="{:U('Police/listType',array('tid'=>$threeType[$key]['tid']))}">更多>></a>
						</p>
						<ul>
							<volist name="threeType" id="th">
								<a href="{:U('Police/xq',array('id'=>$th['id']))}"><img src="__PUBLIC__/Home/PC/img/lb.png" />{$th.title|msubstr=###,0,14,'utf-8',true}<span>{$th.ctime|time_format=###,'m-d'}</span></a>
							</volist>
						</ul>
					</div>
					<!--contentmiddleleft_1结束-->
					<!--contentmiddleleft_2-->
					<div class="contentmiddleleft_2">
						<p><img src="__PUBLIC__/Home/PC/img/tc.png" />{$fourType[$key]['ttitle']}
							<a href="{:U('Police/listType',array('tid'=>$fourType[$key]['tid']))}">更多>></a>
						</p>
						<ul>
							<volist name="fourType" id="fo">
								<a href="{:U('Police/xq',array('id'=>$fo['id']))}"><img src="__PUBLIC__/Home/PC/img/lb.png" />{$fo.title|msubstr=###,0,14,'utf-8',true}<span>{$fo.ctime|time_format=###,'m-d'}</span></a>
							</volist>
						</ul>
					</div>
					<!--contentmiddleleft_2结束-->
					<!--contentmiddleleft_3-->
					<div class="contentmiddleleft_3">
						<p><span class="contentmiddleleft_3_bt1">{$fiveType.ttitle}</span><span class="contentmiddleleft_3_bt2">{$sevenType.ttitle}</span>
							<a href="{:U('Police/listType',array('tid'=>$fiveType['tid']))}" class="a1">更多>></a>
							<a href="{:U('Police/listType',array('tid'=>$sevenType['tid']))}" class="a2">更多>></a>
						</p>
						<ul class="ul1">
							<div><img src="__ROOT__{$fiveType.tupian}" /></div>
							<div>
								<p>{$fiveType.title|msubstr=###,0,9,'utf-8',true}</p>
								<p>{$fiveType.content|msubstr=###,0,20,'utf-8',true}
									<a href="{:U('Police/xq',array('id'=>$fiveType['id']))}">[详细]</a>
								</p>
								<p><img src="__PUBLIC__/Home/PC/img/time.png" />{$fiveType.ctime|time_format=###,'Y-m-d'}</p>
							</div>
							<volist name="sixType" id="si">
								<a href="{:U('Police/xq',array('id'=>$si['id']))}"><img src="__PUBLIC__/Home/PC/img/lb.png" />{$si.title|msubstr=###,0,13,'utf-8',true}<span>{$si.ctime|time_format=###,'m-d'}</span></a>
							</volist>
						</ul>
						<ul class="ul2">
							<div><img src="__ROOT__{$sevenType.tupian}" /></div>
							<div>
								<p>{$sevenType.title|msubstr=###,0,9,'utf-8',true}</p>
								<p>{$sevenType.content|msubstr=###,0,20,'utf-8',true}
									<a href="{:U('Police/xq',array('id'=>$sevenType['id']))}">[详细]</a>
								</p>
								<p><img src="__PUBLIC__/Home/PC/img/time.png" />{$sevenType.ctime|time_format=###,'Y-m-d'}</p>
							</div>
							<volist name="eightType" id="ei">
								<a href="{:U('Police/xq',array('id'=>$ei['id']))}"><img src="__PUBLIC__/Home/PC/img/lb.png" />{$ei.title|msubstr=###,0,13,'utf-8',true}<span>{$ei.ctime|time_format=###,'m-d'}</span></a>
							</volist>
						</ul>
					</div>
					<!--contentmiddleleft_3结束-->
					<!--contentmiddleleft_4-->
					<div class="contentmiddleleft_4">
						<p><span class="contentmiddleleft_4_bt1">{$nineType.ttitle}</span><span class="contentmiddleleft_4_bt2">{$elevenType.ttitle}</span>
							<a href="{:U('Police/listType',array('tid'=>$nineType['tid']))}" class="b1">更多>></a>
							<a href="{:U('Police/listType',array('tid'=>$elevenType['tid']))}" class="b2">更多>></a>
						</p>
						<ul class="ul3">
							<div><img src="__ROOT__{$nineType.tupian}" /></div>
							<div>
								<p>{$nineType.title|msubstr=###,0,9,'utf-8',true}</p>
								<p>{$nineType.content|msubstr=###,0,20,'utf-8',true}
									<a href="{:U('Police/xq',array('id'=>$nineType['id']))}">[详细]</a>
								</p>
								<p><img src="__PUBLIC__/Home/PC/img/time.png" />{$nineType.ctime|time_format=###,'Y-m-d'}</p>
							</div>
							<volist name="tenType" id="ten">
								<a href="{:U('Police/xq',array('id'=>$ten['id']))}"><img src="__PUBLIC__/Home/PC/img/lb.png" />{$ten.title|msubstr=###,0,13,'utf-8',true}<span>{$ten.ctime|time_format=###,'m-d'}</span></a>
							</volist>
						</ul>
						<ul class="ul4">
							<div><img src="__ROOT__{$elevenType.tupian}" /></div>
							<div>
								<p>{$elevenType.title|msubstr=###,0,9,'utf-8',true}</p>
								<p>{$elevenType.content|msubstr=###,0,20,'utf-8',true}
									<a href="{:U('Police/xq',array('id'=>$elevenType['id']))}">[详细]</a>
								</p>
								<p><img src="__PUBLIC__/Home/PC/img/time.png" />{$elevenType.ctime|time_format=###,'Y-m-d'}</p>
							</div>
							<volist name="twelveType" id="twe">
								<a href="{:U('Police/xq',array('id'=>$twe['id']))}"><img src="__PUBLIC__/Home/PC/img/lb.png" />{$twe.title|msubstr=###,0,13,'utf-8',true}<span>{$twe.ctime|time_format=###,'m-d'}</span></a>
							</volist>
						</ul>
					</div>
					<!--contentmiddleleft_4结束-->
				</div>
				<!--contentmiddleleft结束-->
				<!--contentmiddleright-->
				<div class="contentmiddleright">
					<div><img src="__PUBLIC__/Home/PC/img/xxpmbg.png" />
						<p>信息排名</p>
					</div>
					<table border="" cellspacing="0" cellpadding="">
						<tr>
							<th rowspan="2">名次</th>
							<th rowspan="2">单位</th>
							<th colspan="2">区局</th>
							<th rowspan="2">点击数</th>
						</tr>
						<tr>
							<th>上报</th>
							<th>采用</th>
						</tr>
						<volist name="unit" id="un">
							<tr>
								<td class="tdcolorred">{$i}</td>
								<td class="tdcolorgray">{$un.nickname}</td>
								<td>{$un.count(uid)}</td>
								<td>{$un.allow}</td>
								<td class="tdcolororange">{$un.sum(click)}</td>
							</tr>
						</volist>
					</table>
				</div>
				<!--contentmiddleright结束-->
			</div>
			<!--contentmiddlewrap-->
			<!--kjnav-->
			<div class="kjnav">
				<a href="#">
					<p>三严三实</p>
				</a>
				<a href="#">
					<p>群众路线专题教育</p>
				</a>
				<a href="#">
					<p>保密工作</p>
				</a>
				<a href="#">
					<p>廉洁执法</p>
				</a>
				<a href="#">
					<p>纪律作风</p>
				</a>
				<a href="#">
					<p>荣誉台</p>
				</a>
			</div>
			<!--kjnav结束-->
			<!--resourcelibrarynav-->
			<div class="resourcelibrarynav">
				<p><span class="zy">资源库导航</span><span class="wz">网址栏导航</span></p>
				<ul class="ulzynav">
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />龙警网1</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />哈尔滨市交警支队1</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />淄博市市交警支队1</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />牡丹江市交警支队1</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />佳木斯市交警支队1</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />北京市交警支队1</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />伊春市交警支队1</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />齐齐哈尔市交警支队1</a>
				</ul>
				<ul class="ulwznav">
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />龙警网2</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />哈尔滨市交警支队2</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />淄博市市交警支队2</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />牡丹江市交警支队2</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />佳木斯市交警支队2</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />北京市交警支队2</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />伊春市交警支队2</a>
					<a href=""><img src="__PUBLIC__/Home/PC/img/lb.png" />齐齐哈尔市交警支队2</a>
				</ul>
			</div>
			<!--resourcelibrarynav结束-->
			<!--footernewsandvideowrap-->
			<div class="footernewsandvideowrap">
				<!--footerjwnews-->
				<div class="footerjwnews">
					<p><span>{$thirteenType.ttitle}</span></p>
					<!--轮播图-->
					<div class="swiper-container1">
						<div class="swiper-wrapper">
							<volist name="anliList" id="v">
								<div class="swiper-slide"><img src="__ROOT__{$v.tupian}" />
									<p>{$v.title|msubstr=###,0,9,'utf-8',true}</p>
								</div>
							</volist>
						</div>
						<!-- 如果需要导航按钮 -->
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>
					<!--轮播图结束-->
				</div>
				<!--footerjwnews结束-->
				<!--footervideo-->
				<div class="footervideo">
					<p><span>荣誉室</span></p>
					<img src="__ROOT__{$rongyushi}" alt="" />
				</div>
				<!--footervideo结束-->
			</div>
			<!--footernewsandvideowrap结束-->
			
		</div>
		<div class="footer">
				<div>
					<img src="__PUBLIC__/Home/PC/img/dzjg.png" />
					<div>
						<p>淄博市公安局信访处</p>
						<!-- <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> -->
					</div>
				</div>
			</div>
	</body>
	<script src="__PUBLIC__/Home/PC/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/Home/PC/js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: 3000,
			speed: 3000,
			pagination: '.swiper-pagination',
			paginationClickable: true,
			//			effect: 'fade',
		})
		var mySwiper = new Swiper('.swiper-container1', {
			autoplay: 3000,
			speed: 3000,
//			effect: 'coverflow',
//			slidesPerView: 3,
//			centeredSlides: true,
			prevButton: '.swiper-button-prev',
			nextButton: '.swiper-button-next',
		})
		$(".contentmiddleleft_3_bt1").on("click", function() {
			$(".contentmiddleleft_3_bt2").css({
				"background": "#ededed",
				"color": "#999"
			});
			$(this).css({
				"background": "#1c6ebb",
				"color": "#fff"
			});
			$(".ul1,.a1").show();
			$(".ul2,.a2").hide();
		})
		$(".contentmiddleleft_3_bt2").on("click", function() {
			$(".contentmiddleleft_3_bt1").css({
				"background": "#ededed",
				"color": "#999"
			});
			$(this).css({
				"background": "#1c6ebb",
				"color": "#fff"
			})
			$(".ul2,.a2").show();
			$(".ul1,.a1").hide();
		})
		$(".contentmiddleleft_4_bt1").on("click", function() {
			$(".contentmiddleleft_4_bt2").css({
				"background": "#ededed",
				"color": "#999"
			});
			$(this).css({
				"background": "#1c6ebb",
				"color": "#fff"
			})
			$(".ul3,.b1").show();
			$(".ul4,.b2").hide();
		})
		$(".contentmiddleleft_4_bt2").on("click", function() {
			$(".contentmiddleleft_4_bt1").css({
				"background": "#ededed",
				"color": "#999"
			});
			$(this).css({
				"background": "#1c6ebb",
				"color": "#fff"
			})
			$(".ul4,.b2").show();
			$(".ul3,.b1").hide();
		})
		$(".zy").on("click", function() {
			$(".wz").css({
				"background": "#ededed",
				"color": "#999"
			});
			$(this).css({
				"background": "#1c6ebb",
				"color": "#fff"
			})
			$(".ulzynav").show();
			$(".ulwznav").hide();
		})
		$(".wz").on("click", function() {
			$(".zy").css({
				"background": "#ededed",
				"color": "#999"
			});
			$(this).css({
				"background": "#1c6ebb",
				"color": "#fff"
			})
			$(".ulwznav").show();
			$(".ulzynav").hide();
		})
	</script>

</html>